{% extends "base.html" %}
{% load static %}

{% block title %}
反馈信息
{% endblock %}

{% block content %}
<link href="{% static 'css/products.css' %}" rel="stylesheet">
<head>
    <style>
        /* 自定义样式 */
        .contact-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 73vh;
        }
        .contact-form {
            color: aliceblue;
            width: 400px;
            padding: 20px;
            border:none;
            border-radius: 5px;
            background-color: rgba(0, 0, 0, 0.4);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        }
    </style>
</head>
<!-- 主体内容 -->
<body>
    <div class="contact-container">
        <form class="contact-form" action="submit_feedback.php" method="POST">
            <h2 class="text-center mb-4">反馈信息</h2>
            <div class="mb-3">
                <label for="name" class="form-label">您的姓名</label>
                <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name">
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">邮箱</label>
                <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email">
            </div>
            <div class="mb-3">
                <label for="message" class="form-label">留言</label>
                <textarea class="form-control" id="message" name="message" rows="5" placeholder="Enter your message"></textarea>
            </div>
            <button type="submit" class="btn btn-primary btn-block">提交</button>
        </form>
    </div>


</body>
{% endblock %}